body{height:100%;width:100%;margin:0;padding:0;font: "\5B8B\4F53","Microsoft Yahei",Arial, Helvetica,sans-serif;font-family: "Microsoft Yahei";}
ol, ul ,li{list-style: none;margin: 0;padding: 0;} 
img {border:0; }
input{-webkit-appearance: none; -moz-appearance: none;-o-appearance: none; appearance: none;appearance: none; }
.float-l{float:left}
.float-r{float:right}
/*表单*/
.bd{
	position: absolute;
	width:100%;
	height:100%;
	background: url(../../img/reservation/bd.jpg) no-repeat center;
	background-size: 100% 100%;
}
.input-bg{
	width:90%;
	margin: 2.5% 5%;
	background: url(../../img/reservation/input.jpg) no-repeat center;
	background-size: 100% 100%;
	padding-top: 0.5%;
	padding-bottom: 1.5%;
	position: relative;
	
}
.input-bg input{
	border: none;
	outline: none;
	background:#ffffff;
	font-size:0.8rem;
	width:82%;
	margin-left: 7%;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	color: #333;
}
.icon-wz{
	position: absolute;
	top:20%;
	right: 2%;
	font-size: 1.4rem !important;
	display: inline-block;
}
.icon-zb{
	position: absolute;
	top:20%;
	right: 2%;
	font-size: 1.5rem !important;
	display: inline-block;
	width:10%;
	text-align: right;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.btn-jc a{
	width: 100%;
	text-align: center;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.btn-jc a{
	display: inline-block;
}
.btn-jc img{
	width:60%;
}
.fm{
	position: absolute;
	width:100%;
	height:100%;
	background: url(../../img/reservation/fenm.jpg) no-repeat center;
	background-size: 100% 100%;
	overflow: hidden;
}
.fm-btn{
	width:100%;
	margin-top:90%;
	margin-left:47%;
	position: relative;
}
.fm-qu{
	position: absolute;
	width:40%;
	height:150%;
	top:-80%;
	left:-22%;
	z-index: 9;
	display: inline-block;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.fm-btn img{
	width:25%;
	animation: alert 1500ms linear infinite;
	-webkit-animation: alert 1500ms linear infinite;
}
@-webkit-keyframes alert{
	0%{
		-moz-transform: scale(1,1);
		-webkit-transform: scale(1,1);
		transform: scale(1,1);
		}
	50%{
		-moz-transform: scale(1.2,1.2);
		-webkit-transform: scale(1.2,1.2);
		transform: scale(1.2,1.2);
	}
	100%{
		-moz-transform: scale(1,1);
		-webkit-transform: scale(1,1);
		transform: scale(1,1);
	}
}
@-keyframes alert{
	0%{
		-moz-transform: scale(1,1);
		-webkit-transform: scale(1,1);
		transform: scale(1,1);
		}
	50%{
		-moz-transform: scale(1.2,1.2);
		-webkit-transform: scale(1.2,1.2);
		transform: scale(1.2,1.2);
	}
	100%{
		-moz-transform: scale(1,1);
		-webkit-transform: scale(1,1);
		transform: scale(1,1);
	}
}
.map{
	width:100%;
	height:100%;
	position: absolute;
	background: #ffffff;
	display: none;
	z-index:9999999;
}
.map-bd{
	width:100%;
	height:88%;
	
}
.map-w{
	width:100%;
	
}
.map-w span{
	display: inline-block;
	
}
.map-w .line{
	width:70%;
	margin-left: 5%;
	border-bottom: 1px solid #d4d4d4;
	height:30px;
	line-height: 30px;
	margin-top: 15px;
	font-size: 0.8rem;
}
.map-w .btnqu{
	width:15%;
	height:35px;
	line-height: 35px;
	text-align: center;
	background: #00A0E9;
	color: #ffffff;
	vertical-align: top;
	margin-top: 15px;
	margin-left: 4%;
	border-radius: 5px;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.dian{
	position: absolute;
	display: inline-block;
	width:4%;
	height:3%;
	left:48%;
	top: 39%;
	z-index:9999999;
	
}
.dian img{
	width:100%;
	z-index:9999999;
}
.wrong{
	position: absolute;
	width:100%;
	height:100%;
	background: url(../../img/reservation/wrong.png) no-repeat center;
	background-size: 100% 100%;
	overflow: hidden;
}
.w-btn{
	width:100%;
	margin-top:95%;
	margin-left:53%;
	position: relative;
}
.w-qu{
	position: absolute;
	width:20%;
	height:100%;
	top:-30%;
	left:-10%;
	z-index: 9;
	display: inline-block;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.w-btn img{
	width:25%;
	animation: wrong 1500ms linear infinite;
	-webkit-animation: wrong 1500ms linear infinite;
}
@-webkit-keyframes wrong{
	0%{
		-moz-transform: scale(1,1);
		-webkit-transform: scale(1,1);
		transform: scale(1,1);
		}
	50%{
		-moz-transform: scale(1.2,1.2);
		-webkit-transform: scale(1.2,1.2);
		transform: scale(1.2,1.2);
	}
	100%{
		-moz-transform: scale(1,1);
		-webkit-transform: scale(1,1);
		transform: scale(1,1);
	}
}
@-keyframes wrong{
	0%{
		-moz-transform: scale(1,1);
		-webkit-transform: scale(1,1);
		transform: scale(1,1);
		}
	50%{
		-moz-transform: scale(1.2,1.2);
		-webkit-transform: scale(1.2,1.2);
		transform: scale(1.2,1.2);
	}
	100%{
		-moz-transform: scale(1,1);
		-webkit-transform: scale(1,1);
		transform: scale(1,1);
	}
}
.fx{
	position: absolute;
	width:100%;
	height:100%;
	background: url(../../img/reservation/fx.png) no-repeat center;
	background-size: 100% 100%;
	overflow: hidden;
}
.fx-btn{
	width:100%;
	margin-top:3%;
	margin-left:82%;
	position: relative;
}
.fx-btn img{
	width:15%;
	animation: fx 1500ms linear infinite;
	-webkit-animation: fx 1500ms linear infinite;
}
.fx-xs{
	width:100%;
	margin-top:112%;
	text-align: center;
}
.fx-xs a{
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	display: block;
	width:100%;
	padding-bottom: 1%;
}
.fx-xs a img{
	width:35%;
}
.fx-tc{
	width:100%;
	height:100%;
	position: absolute;
	background: rgba(0,0,0,.5);
	top:0;
	display: none;
}
.fx-tc-bd{
	width:100%;
	height:40%;
	background: url(../../img/reservation/dp-bg.png) no-repeat center;
	background-size:100% 100%;
	margin-top: 50%;
}
.fx-tc-bd a{
	width:25%;
	display: block;
	float: left;
	text-align: center;
	margin: 2% 4%;	
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	background: #ffffff;
}
.fx-tc-bd a img{
	width:100%;
	border: none ;
}
.fx-tc-bd textarea{
	width:80%;
	margin-left: 10%;
	font-size: 14px;
	height: 25%;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.fx-tc-bd span{
	display: inline-block;
	width:20%;
	background: #ffffff;
	border:1px solid #00A0E9;
	font-size: 14px;
	color: #00A0E9;
	text-align: center;
	padding: 1% 0;
	margin-left: 40%;
	margin-top: 2%;
	border-radius: 5px;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.bg-b{
	background: #FFF000!important;
}
@-webkit-keyframes fx{
	0%{
		-moz-transform: scale(1,1);
		-webkit-transform: scale(1,1);
		transform: scale(1,1);
		}
	50%{
		-moz-transform: scale(1.2,1.2);
		-webkit-transform: scale(1.2,1.2);
		transform: scale(1.2,1.2);
	}
	100%{
		-moz-transform: scale(1,1);
		-webkit-transform: scale(1,1);
		transform: scale(1,1);
	}
}
@-keyframes fx{
	0%{
		-moz-transform: scale(1,1);
		-webkit-transform: scale(1,1);
		transform: scale(1,1);
		}
	50%{
		-moz-transform: scale(1.2,1.2);
		-webkit-transform: scale(1.2,1.2);
		transform: scale(1.2,1.2);
	}
	100%{
		-moz-transform: scale(1,1);
		-webkit-transform: scale(1,1);
		transform: scale(1,1);
	}
}
.yy{
	position: absolute;
	width:100%;
	height:100%;
	background: url(../../img/reservation/yy.png) no-repeat center;
	background-size: 100% 100%;
	overflow: hidden;
}
.yy-bd{
	width:100%;
	margin-top: 115%;
	text-align: center;
}
.yy-bd span{
	width:100%;
	display: block;
	padding-top: 5%;
}
.yy-bd span img{
	width:50%;
}
.yy-bd a{
	width:100%;
	display: block;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	margin-top: 5%;
}
.yy-bd a img{
	width:30%;
}
.corn{
	position: absolute;
	width:100%;
	height:100%;
	background: url(../../img/reservation/corn.png) no-repeat center;
	background-size: 100% 100%;
	overflow: hidden;
}
.corn-w{
	width:80%;
	padding: 0 10%;
	margin-top: 135%;
	position: relative;
}
.corn-w img{
	width:100%;
}
.corn-w span{
	display:inline-block;
	position: absolute;
	top:0;	
	width:28%;
	left:36%;
	padding-top: 2%;
	padding-left: 0;
	border-bottom: 1px solid #888195;
	padding-bottom: 0;
}
.corn-w span input{
	border:none;
	outline: none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	background: transparent;
	font-size: 14px;
	color: #ec6840;
	border-radius: 0;
    width:100%;
    margin-left:6px;
	padding: 0 0;
	text-indent: 1%;
}
.corn-w a{
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	display:inline-block;
	position: absolute;
	top:28%;	
	width:10%;
	left:65.5%;
}
.corn-w a img{
	width:100%;
}
.corn-sz{
	width:100%;
	position: absolute;
	text-align: center;
	top:32%
}
.corn-sz span{
	font-size: 64px;
	color: #0e4364;
	font-weight: bold;
}
.select-x{
	width:88%;
	margin-left: 7%;
	outline: none;
	border: none;
	background: transparent;
	color: #999;
	font-size:0.8rem;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	position: relative;
	z-index: 999;
}
.sc{
	position: absolute;
	width:100%;
	height:100%;
	background: url(../../img/reservation/sc.png) no-repeat center;
	background-size: 100% 100%;
	overflow: hidden;
}
.sc-bd{
	width:100%;
	margin-top: 110%;
	text-align: center;
	height:100%;
}
.sc-bd span{
	width:100%;
	display: block;
	padding-top: 5%;
}
.sc-bd span img{
	width:50%;
}
.sc-bd a{
	width:100%;
	display: block;
	padding-top: 5%;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.sc-bd a img{
	width:30%;
}
.sb{
	position: absolute;
	width:100%;
	height:100%;
	background: url(../../img/reservation/sb.png) no-repeat center;
	background-size: 100% 100%;
	overflow: hidden;
}
.sb-bd{
	width:100%;
	margin-top: 120%;
	text-align: center;
}
.sb-bd a{
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.sb-bd a img{
	width:30%;
	padding-top: 8%;
}
.timex{
	width:100%;
	height:100%;
	position: absolute;
	background: rgba(0,0,0,.5);
	z-index: 9999;
}
.timex-bd{
	width:80%;
	height:80%;
	margin-left:10%;
	margin-top: 10%;
	background: #ffffff;
}
.timex-show{
	width:100%;
	padding: 4% 0;
	text-align: center;
	border-bottom: 1px solid #d4d4d4;
}
.time-ch{
	width:100%;
	height:40%;
	overflow:hidden;
}
.time-san{
	width:33.3%;
    text-align: center;
    float: left;
}
.time-san ul{
	width:100%;
}
.time-san ul li{
	width:100%;
	height:40px;
}
.qx{
	position: absolute;
	width:100%;
	height:100%;
	background: url(../../img/reservation/qx.png) no-repeat center;
	background-size: 100% 100%;
	overflow: hidden;
}
.qx-bd{
	width:100%;
	margin-top: 115%;
	text-align: center;
}
.qx-bd a{
	width:100%;
	display: block;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	margin-top: 5%;
}
.qx-bd a img{
	width:30%;
}
.sx{
	display: inline-block;
	width:15%;
	right:3%;
	position: absolute;
	top:2%;
}
.sx img{
	width:100%;
}
.sc-word{
	width:80%;
	margin:2% 10%;
	height:8%;
	border:2px solid #333;
	border-radius: 5px;
	padding: 1% 5px;
	text-align: left;
}
.gz{
	width:25%;
	position: absolute;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	top:24%;
	display: block;
	left: 5%;
}
.gz img{
	width:100%
}
.gz-sm{
	position: absolute;
	width:100%;
	height:100%;
	background: url(../../img/reservation/zgsm.png) no-repeat center;
	background-size: 100% 100%;
}
.gz-sm a{
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	width:34%;
	position: absolute;
	left: 33%;
	bottom: 6%;
}
.gz-sm a img{
	width:100%
}
.btn-jc button{
	width: 60%;
	text-align: center;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	margin-left:20%;
	padding: 0;
	border: 0;
	background: #ffffff;
}
.btn-jc button{
	display: inline-block;
}
.btn-jc img{
	width:100%;
}

